/* pagesCollect/pages/collect/list/list.wxss */
page {
  background: linear-gradient(180deg, #5DC1AD 0%, #d9d9d900 800rpx, #f2f2f4 100%);
  background-color: #f2f2f4;
  background-repeat: no-repeat;
}

.add {
  float: right;
  display: flex;
  align-items: center;

  image {
    width: 28rpx
  }

  text {
    font-size: 28rpx;
    color: #fff;
    margin-left: 10rpx;
  }
}

.list {
  overflow: hidden;

  .one {
    overflow: hidden;
    background-color: #fff;
    border-radius: 20rpx;
    margin: 20rpx 30rpx;

    &:last-child{
      margin-bottom: 130rpx;
    }

    .tit {
      height: 88rpx;
      padding: 0 26rpx;
      background: linear-gradient(90deg, rgba(239, 89, 118, 0.1) 0%, rgba(255, 255, 255, 0.1) 83.38%);
      display: flex;
      align-items: center;

      &.end {
        background: linear-gradient(90deg, rgba(99, 195, 176, 0.1) 0%, rgba(99, 195, 176, 0) 83.38%);

        text {
          color: #6CC5B3;
          background-color: #6AC4B233;
        }
      }

      view {
        font-size: 32rpx;
        flex: 1;
      }

      text {
        font-size: 28rpx;
        color: #EF5976;
        line-height: 1;
        border-radius: 8rpx;
        padding: 8rpx;
        background-color: #EF59761A;
      }
    }

    .info {
      padding: 26rpx 0;
      margin: 0 26rpx;
      border-top: 2rpx solid #F5F5F5;
      border-bottom: 2rpx solid #F5F5F5;
      display: flex;

      image {
        width: 216rpx;
        height: 216rpx;
        border-radius: 16rpx;
      }

      .flex-f1 {
        flex: 1;
        margin-left: 20rpx;
        font-size: 24rpx;
        color: #666666;

        view {
          margin-top: 30rpx;
          color: #B8B8BA;

          text {
            font-size: 28rpx;
            color: #f00;
            font-weight: 500;
          }
        }
      }
    }

    .btnline {
      height: 72rpx;
      display: flex;

      view {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;

        text {
          font-size: 24rpx;
          color: #73C7B7;
          margin-left: 20rpx;
        }
      }
    }
  }
}

.tip{
  font-size: 28rpx;
  color: #5DC1AD;
  height: 100rpx;
  display: flex;
  align-items: center;
  padding: 0 40rpx;
  border-top: 2rpx solid #eee;
  background-color: #fff;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

  image{
    width: 28rpx;
    height: 28rpx;
    margin-right: 20rpx;
  }

}

.nodata {
  text-align: center;

  image {
    width: 42vw;
    margin: 180rpx 0 100rpx;
  }

  view {
    font-size: 32rpx;
    color: #fff;
    line-height: 96rpx;
    height: 96rpx;
    background-color: #9FD3C9;
    border-radius: 96rpx;
    margin: 0 100rpx;
  }
}